<!DOCTYPE HTML>
<html size="s">

<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<!--[if gt IE 9]>< -->
	<link href="../../../dist/main/css/base.css" rel="stylesheet" type="text/css" />
	<!-- ><![endif]-->
	<!--[if lte IE 9]>
	<link href="../../../dist/main/css/base-ie8.css" rel="stylesheet" type="text/css" />
	<![endif]-->
	<link rel="stylesheet" href="../asset/css/project.css" />
	<script type="text/javascript" src="../../../dist/main/js/jq/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="../../../dist/main/js/jq/adapter-1.9.1.js"></script>
	<script type="text/javascript" src="../../../dist/main/js/jcl.js"></script>
	<script type="text/javascript" src="../../../dist/main/js/i18n/code.zh_CN.js"></script>
	<script type="text/javascript" src="../../../dist/main/js/jcl-plugins.js"></script>
	<script type="text/javascript" src="../../../dist/main/js/jcl-ui.js"></script>
	<script type="text/javascript" src="../../../dist/main/js/jcl-jwc.js"></script>
	<script type="text/javascript" src="../asset/js/config.js"></script>
	<script type="text/javascript" src="../asset/js/project.js"></script>
	<script type="text/javascript" src="../../../example/jwc/data/data.js"></script>
	<title>欢迎使用 TouchUI</title>
</head>

<body jwcid="@Body" id="body">



	<div class="c_header e_show-phone">
		<div class="back" ontap="top.router.close();">业务名称</div>
	</div>
	<div class="c_scroll c_scroll-float c_scroll-phone-header">
		<div class="l_padding-2 l_padding-phone-0">
			<div class="c_box c_box-border">
				<div class="c_title e_hide-phone">
					<div class="text">业务名称</div>
					<div class="fn">
						<ul>
							<li>
								<span jwcid="@Export" name="myExport" taskId="999999998" configFile="export/task.xml" ftpCode="CustomerCentre"></span>
							</li>
							<li><span class="e_ico-delete"></span><span>删除</span></li>
							<li><span class="e_ico-add"></span><span>新增</span></li>
						</ul>
					</div>
				</div>
				<div class="l_padding-2 l_padding-u">
					<div class="c_space-2 e_show-phone"></div>
					<div class="c_form c_form-label-5 c_form-submit c_form-col-3 c_form-col-1 e_hide-x" id="condition">
						<ul>
							<li class="required">
								<div class="label">条件1：</div>
								<div class="value">
									<input jwcid="@TextField" name="mobileNumInput" />
								</div>
							</li>
							<li>
								<div class="label">条件2：</div>
								<div class="value">
									<input jwcid="@TextField" name="mobileNumInput" />
								</div>
							</li>
							<li>
								<div class="label">条件3：</div>
								<div class="value">
									<input jwcid="@TextField" name="mobileNumInput" />
								</div>
							</li>
							<li>
								<div class="label">条件4：</div>
								<div class="value">
									<input jwcid="@TextField" name="mobileNumInput" />
								</div>
							</li>
							<li>
								<div class="label">条件5：</div>
								<div class="value">
									<input jwcid="@TextField" name="myTextField" />
								</div>
							</li>
						</ul>
						<div class="submit">
							<button type="button" class="e_button-blue e_button-outline" ontap=""><span class="e_ico-reset"></span><span>重置</span></button>
							<button type="button" class="e_button-blue" ontap="query();"><span class="e_ico-search"></span><span>查询</span></button>
						</div>
					</div>
					<div class="c_space-2 e_hide-phone"></div>
					<div class="l_float-phone-popup" id="result">
						<div class="c_header e_show-phone">
							<div class="back" ontap="$('#result').removeClass('l_float-show')">查询结果</div>
							<div class="fn">
								<span jwcid="@Export" class="e_button-blue" name="myExport2" taskId="999999998" configFile="export/task.xml" ftpCode="CustomerCentre"></span>
								<button type="button" class="e_button-blue" ontap=""><span class="e_ico-delete"></span></button>
								<button type="button" class="e_button-blue" ontap=""><span class="e_ico-add"></span></button>
							</div>
						</div>
						<div class="c_scroll c_scroll-phone-float c_scroll-phone-header">
							<table jwcid="@Table" name="myTable" class="c_table c_table-phone-v c_table-border">
								<thead>
									<tr>
										<th col="NAME">Name</th>
										<th col="GENDER">Gender</th>
										<th col="HEIGHT">Height</th>
										<th col="ALIAS">Alias</th>
										<th col="ADDRESS">Address</th>
										<th col="DELETE">Delete</th>
										<th col="MODIFY">Modify</th>
									</tr>
								</thead>
								<tbody>
									<tr jwcid="@Foreach" source="ognl:baseList" value="ognl:demo" element="tr">
										<td class="key"><span jwcid="@Insert" value="ognl:demo.name"></span></td>
										<td><span jwcid="@Insert" value="ognl:demo.gender"></span></td>
										<td><span jwcid="@Insert" value="ognl:demo.height + 'cm'"></span></td>
										<td><span jwcid="@Insert" value="ognl:demo.alias"></span></td>
										<td><span jwcid="@Insert" value="ognl:demo.address"></span></td>
										<td class="fn"><span class="e_ico-delete"></span></td>
										<td class="fn"><span class="e_ico-edit"></span></td>
									</tr>
									<tr jwcid="@Foreach" source="ognl:baseList" value="ognl:demo" element="tr">
										<td class="key"><span jwcid="@Insert" value="ognl:demo.name"></span></td>
										<td><span jwcid="@Insert" value="ognl:demo.gender"></span></td>
										<td><span jwcid="@Insert" value="ognl:demo.height + 'cm'"></span></td>
										<td><span jwcid="@Insert" value="ognl:demo.alias"></span></td>
										<td><span jwcid="@Insert" value="ognl:demo.address"></span></td>
										<td class="fn"><span class="e_ico-delete"></span></td>
										<td class="fn"><span class="e_ico-edit"></span></td>
									</tr>
								</tbody>
							</table>
							<div class="c_space-c"></div>
							<div name="navbar" class="c_page c_page-border" jwcid="@NavBar" part="queryPart"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>



	<script type="text/javascript">
		Wade.setRatio();
		Wade.JWC.init(true);

		function query() {
			$.beginLoading();
			setTimeout(function(){
				$.endLoading();
				$('#result').addClass('l_float-show');
			},500);
		}

	</script>



</body>

</html>